<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1, user-scalable=0, minimal-ui" charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/swiper.css" />
		<link rel="stylesheet" href="css/mint.css">
	</head>
		<script src="js/serverUrl.js"></script>
		<script src="js/vue.js"></script>
		<script src="js/mint.js"></script>
		<script src="js/moment.js"></script>
	<body>
		<div id="app">		
			<div id="table" class="card">
				<div v-for="(news,index) in newsList">
	
					<div  class="jinengVideo" v-on:click="toVideoDetail(index)">
						<div  class="videoInfo">
							<div class="newsTitle">{{news.title}}</div>
							<div class="videoAuthor">作者：{{news.author}} </div>
						</div>
						<div>
							<img class="videoImage" :src="serverUrl+news.coverUrl" />
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	
	<script type="text/javascript">
		var app = new Vue({
		  el: '#app',
		  data: {
		   newsList:[]
		  },
		  created() {
			window.getNewsList = this.getNewsList  
		  },
		  methods:{
			  getNewsList (newsList){
				this.newsList = newsList
			  },
			  toVideoDetail (index) {
				let news = this.newsList[index]
				toVideoDetailViewController(news.dataId,news.coverUrl)
			  }
		  }
		})
	</script>
</html>
